<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";
import { handleThemeStyle } from "@/utils/theme";
import { useDark } from "@vueuse/core";

const isDark = useDark();

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme);
    // document.body.classList.add(isDark.value ? "dark" : "light");
  });
});
</script>
